<!--********************************************************************
* Copyright© 2000 - 2025 SuperMap Software Co.Ltd. All rights reserved.
*********************************************************************-->
<!--头部导航-->
<header class="header-wrapper main-header icl-header">

    <nav class="navbar navbar-static-top">
        <div class="nav-header"></div>
    </nav>
</header>

<!--头部导航 end-->

<!-- 侧边栏 -->
<aside class="sidebar-wrapper main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar" id="sidebar">
        <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" title="fold">
            <div class="fa  fa-bars fold"></div>
            <span id="suffix-title"></span>
        </a>
        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu" id="sidebar-menu"></ul>
    </section>
    <!-- /.sidebar -->
</aside>
<!-- 侧边栏 end-->

<!-- 内容区 -->
<div class="content-wrapper edit-container">

    <section class="content">
        <span class="fa  fa-compress hide" id="showCodeBtn" data-i18n="editor.source"></span>
        <div class="pane" id="codePane" style="display: none">
            <div class="codePaneTool"><span data-i18n="editor.title"></span>
                <div class="fa fa-play-circle-o editorBtn" id="runBtn" onclick="run()" data-i18n="editor.run"></div>
                <div class="fa fa-undo editorBtn" id="resetBtn" onclick="refresh()" data-i18n="editor.reset"></div>
            </div>
            <div id="editor">

            </div>
        </div>
        <div class="col-md-12 pane" id="previewPane">
            <!--<iframe id='innerPage' name='innerPage'></iframe>-->
        </div>
    </section>

</div>
<!-- 内容区 end-->

<script>
  $(document).ready(function () {
    var notFor = ['iClient Classic', '3D-WebGL'];
    var productArr = ['Leaflet', 'OpenLayers', 'MapboxGL', 'MapLibreGL', 'component', 'iClient Classic', '3D-WebGL']
    var path = window.location.pathname.split('/');
    var examplesStrIndex = path.indexOf('examples');
    var identification = productArr.filter(function(name) { return name.toLowerCase().includes(path[examplesStrIndex + 1])})[0];
    if (identification) {
      var suffixHeader = document.getElementById('suffix-title');
      suffixHeader.innerText = (notFor.indexOf(identification) < 0 ? 'for ' : '') + identification;
    }
  })
</script>



